<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <link rel="stylesheet" href="./css/collect.css">
</head>
<body>
<div class="header">
    我的收集
    <img src="./img/new_style_go_back.png" class="goback_img go_back"/>
</div>
<div class="header_nav">
    <div class="header_nav_box">
         福利卡
    </div>
    <div class="header_nav_box">
        彩虹卡
    </div>
    <div class="header_nav_box btn_act">
        随缘卡
    </div>
</div>
<div class="main_wrapper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!--&lt;!&ndash;<div class="swiper-slide">&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;input main s&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="main_card">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="main_card_header">&ndash;&gt;-->
                        <!--&lt;!&ndash;彩虹卡&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;main_card_user s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="main_card_user">&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src="../img/bg_all.png" class="user_img">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="wrapper_user_mess">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="start_wrapper">&ndash;&gt;-->
                                <!--&lt;!&ndash;<img src="./img/start_fs_show.png" alt="" class="start_s">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s">&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="user_id">&ndash;&gt;-->
                                <!--&lt;!&ndash;ID:12345678&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;main_card_user s、e&ndash;&gt;&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;add voice s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="add_voice_wrapper">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="add_voice">&ndash;&gt;-->
                            <!--&lt;!&ndash;添加语音&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src="./img/music_player_icon.png" class="img_voice">&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;add voice e&ndash;&gt;&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;get_integral  s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="get_integral_l">&ndash;&gt;-->

                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="get_integral_r">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="get_integral_r_top">&ndash;&gt;-->
                                    <!--&lt;!&ndash;10000&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="get_integral_r_bottom">&ndash;&gt;-->
                                 <!--&lt;!&ndash;<div class="get_integral_r_bottom_btn">&ndash;&gt;-->
                                     <!--&lt;!&ndash;领取积分&ndash;&gt;-->
                                 <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;get_integral  e&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="get_integral_l">&ndash;&gt;-->

                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="get_integral_r">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="get_integral_r_top">&ndash;&gt;-->
                                <!--&lt;!&ndash;10000&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="get_integral_r_bottom">&ndash;&gt;-->
                                <!--&lt;!&ndash;<div class="get_integral_r_bottom_btn">&ndash;&gt;-->
                                    <!--&lt;!&ndash;领取积分&ndash;&gt;-->
                                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;bottom&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="bottom_btn">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="bottom_btn_s">&ndash;&gt;-->
                            <!--&lt;!&ndash;选择信封&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="bottom_btn_s">&ndash;&gt;-->
                            <!--&lt;!&ndash;发送&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;inputmain e&ndash;&gt;&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<div class="swiper-slide">-->
                <!--&lt;!&ndash;<div class="main_card">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="main_card_header">&ndash;&gt;-->
                        <!--&lt;!&ndash;随缘卡&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;main_card_user s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="main_card_user">&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src="../img/bg_all.png" class="user_img">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="wrapper_user_mess" id="start_wrapper_sign">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="start_wrapper">&ndash;&gt;-->
                                <!--&lt;!&ndash;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="1">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="2">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="3">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="4">&lt;!&ndash;&ndash;&gt;-->
                        <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="5">&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="user_id">&ndash;&gt;-->
                                <!--&lt;!&ndash;ID:<span id="ident"></span>&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;main_card_user s、e&ndash;&gt;&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;add voice s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="add_voice_wrapper">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="add_voice" id="add_voice_id">&ndash;&gt;-->
                            <!--&lt;!&ndash;添加语音&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src="./img/music_player_icon.png" class="img_voice">&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;add voice e&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;add img s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="add_img">&ndash;&gt;-->
                        <!--&lt;!&ndash;&lt;!&ndash;<div class="add_img_text">添加图片</div>&ndash;&gt;&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src=" " style="display: block;width:100%;height: 100%;" id="show_img">&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;add img e&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="add_mess_table">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="add_mess_table_header">&ndash;&gt;-->
                            <!--&lt;!&ndash;华南师范大学（石牌校区）&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="add_mess_mid">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="ad_mess_mid_box" style="display: block;" placeholder=" 笔名" id="penname"></div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="ad_mess_mid_box" placeholder="性别" style="text-align: center" id="sex">&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;<option value ="volvo" selected>男</option>&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;<option value ="saab">女</option>&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="ad_mess_mid_box" placeholder="星座" style="text-align: center" id="xinz">&ndash;&gt;-->

                            <!--&lt;!&ndash;</div>&ndash;&gt;-->

                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div style="display: block;width: 99%;padding:0;margin: 0;border:0;resize: none;height: 16vw;border-radius:2vw;outline:none;" id="address_aaa"></div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;bottom&ndash;&gt;&ndash;&gt;-->

                    <!--&lt;!&ndash;<div class="bottom_btn">&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="toushu">&ndash;&gt;-->
                            <!--&lt;!&ndash;投诉&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="bottom_btn_s" id="bottom_btn_s_f">&ndash;&gt;-->
                            <!--&lt;!&ndash;隐藏&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div class="bottom_btn_s" id="send_mess">&ndash;&gt;-->
                            <!--&lt;!&ndash;分享&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--</div>-->
            <!--&lt;!&ndash;<div class="swiper-slide">&ndash;&gt;-->

                <!--&lt;!&ndash;<div class="main_card">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="main_card_header">&ndash;&gt;-->
                <!--&lt;!&ndash;福利卡&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;main_card_user s&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="main_card_user">&ndash;&gt;-->
                <!--&lt;!&ndash;<img src="../img/bg_all.png" class="user_img">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="wrapper_user_mess" id="start_wrapper_sign">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="start_wrapper">&ndash;&gt;-->
                <!--&lt;!&ndash;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="1">&lt;!&ndash;&ndash;&gt;-->
                <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="2">&lt;!&ndash;&ndash;&gt;-->
                <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="3">&lt;!&ndash;&ndash;&gt;-->
                <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="4">&lt;!&ndash;&ndash;&gt;-->
                <!--&lt;!&ndash;&ndash;&gt;<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="5">&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="user_id">&ndash;&gt;-->
                <!--&lt;!&ndash;ID:<span id="ident"></span>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;main_card_user s、e&ndash;&gt;&ndash;&gt;-->

                <!--&lt;!&ndash;&lt;!&ndash;add voice s&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="add_voice_wrapper">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="add_voice" id="add_voice_id">&ndash;&gt;-->
                <!--&lt;!&ndash;添加语音&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<img src="./img/music_player_icon.png" class="img_voice">&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->

                <!--&lt;!&ndash;&lt;!&ndash;add voice e&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;add img s&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral" style="margin: 5vw auto;">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral_l">&ndash;&gt;-->

                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral_r">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral_r_top">&ndash;&gt;-->
                    <!--&lt;!&ndash;10000&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral_r_bottom">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="get_integral_r_bottom_btn">&ndash;&gt;-->
                    <!--&lt;!&ndash;领取积分&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->

                <!--&lt;!&ndash;&lt;!&ndash;add img e&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="add_mess_table">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="add_mess_table_header">&ndash;&gt;-->
                <!--&lt;!&ndash;华南师范大学（石牌校区）&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="add_mess_mid">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="ad_mess_mid_box" style="display: block;" placeholder=" 笔名" id="penname"></div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="ad_mess_mid_box" placeholder="性别" style="text-align: center" id="sex">&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;<option value ="volvo" selected>男</option>&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;<option value ="saab">女</option>&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="ad_mess_mid_box" placeholder="星座" style="text-align: center" id="xinz">&ndash;&gt;-->

                <!--&lt;!&ndash;</div>&ndash;&gt;-->

                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div style="display: block;width: 99%;padding:0;margin: 0;border:0;resize: none;height: 16vw;border-radius:2vw;outline:none;" id="address_aaa"></div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;bottom&ndash;&gt;&ndash;&gt;-->

                <!--&lt;!&ndash;<div class="bottom_btn">&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="toushu">&ndash;&gt;-->
                <!--&lt;!&ndash;投诉&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="bottom_btn_s" id="bottom_btn_s_f">&ndash;&gt;-->
                <!--&lt;!&ndash;隐藏&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="bottom_btn_s" id="send_mess">&ndash;&gt;-->
                <!--&lt;!&ndash;分享&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
        </div>
    </div>

</div>

</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="./js/axios.js"></script>
<script>
    var sex = document.getElementById("sex");
    var penname = document.getElementById("penname");
    var address_aaa = document.getElementById("address_aaa");
    var ident = document.getElementById("ident")
    var user_img =document.getElementById("user_image");

    var client_h = document.body.clientHeight;
    var header =document.getElementsByClassName("header")[0];
    var nav_header = document.getElementsByClassName("header_nav")[0];
    var scroll_wrapper = document.getElementsByClassName("swiper-container")[0];

    var header_h = window.getComputedStyle(header, null).height.replace("px","");
    var nav_header_h = window.getComputedStyle(nav_header, null).height.replace("px","");
    var slider_height =client_h - header_h - nav_header_h;
    scroll_wrapper.style.height = slider_height +"px";

    var cardTyep = '随缘卡';//卡片类型
    //header_nav
    var header_nav  = document.getElementsByClassName("header_nav")[0];
    //获取用户id
    var user_id = location.search.split("user_id=")[1];
    sessionStorage.setItem("user_id", user_id);

    //滑动 容器
    var swiper_container = document.getElementsByClassName("swiper-container")[0];
    var swiper_wrapper = document.getElementsByClassName("swiper-wrapper")[0];

    //goback
    var goback_img = document.getElementsByClassName("goback_img")[0]
//    var mySwiper = new Swiper('.swiper-container', {
//        autoplay: false,//可选选项，自动滑动
//    });

    goback_img.addEventListener("click",function(){
        window.location.href = "./new_html.html?user_id="+user_id;
    })

    header_nav.addEventListener("click",function (e) {
        if(~e.target.className.indexOf("header_nav_box")){
            var btn_act = document.getElementsByClassName("btn_act")[0];
            btn_act.className = btn_act.className.replace(" btn_act","");
            e.target.className += " btn_act";
            cardTyep = e.target.innerText;
            get_mess();
        }
    });

   //我的收集 /api/user/withTheWindIn/getMycollection
   //get_mess
    function  get_mess() {
        var form_data =new FormData();
        form_data.append("uid",user_id);
        form_data.append("cardTyep",cardTyep);
        axios.post('/yizhiweimen/api/user/withTheWindIn/getMycollection',
            form_data
        )
        .then(function (e) {
            console.log(e.data);
            var cover_temp="";

            for(var x = 0;x < e.data.length;x++){
                var ident = e.data[x].ident;
                var image = e.data[x].image;
                if(image == "" ||image==null||image==undefined){
                    image="./img/bg_all.png";
                }

                if(e.data[0].cardtype === "随缘卡"){
                    var cardImage = e.data[x].cardImage;
                    var cardVoice = e.data[x].cardVoice;
                    if(cardImage == ""){
                        cardImage = "./img/bg_all.png";
                    }

                    var ttt =  sy_card({
                        ident:e.data[x].ident,
                        image:image,
                        cardImage:cardImage,
                        cardVoice:e.data[x].cardVoice,
                        sex:e.data[x].sex,
                        constellation:e.data[x].constellation,
                        address:e.data[x].address,
                        school_name:e.data[x].school.schoolName
                    })
                    cover_temp += ttt;
                }else if(e.data[0].cardtype === "彩虹卡"){
                  var ttt=  sy_card({
                        ident:ident,
                        image:image,
                        cardtype:e.data.cardtype
                    })
                    cover_temp += ttt;
                }else if(e.data[0].cardtype === "福利卡"){
                    var ttt =  fuli_card(e.data[x]);
                    cover_temp += ttt;
                }

            }

            swiper_wrapper.innerHTML= cover_temp;
              setTimeout(function () {
                  var mySwiper = new Swiper('.swiper-container', {
                      autoplay: false,//可选选项，自动滑动
                  });
              },0)

            //start
//            for(var s = 0 ;s<e.data.)
//           var start =
//           '<img src="./img/start_fs_show.png" alt="" class="start_s"><!--'+
//            '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//            '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//            '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//            '--><img src="./img/start_fs.png" alt="" class="start_s">'+
//            '</div>'+
            //swiper
        })
        .catch(function (error) {
            console.log(error);
        });
    }

    //初始化
    get_mess();


    //彩虹卡
    function temp_rain(obj) {
        var temp  = '<div class="swiper-slide">'+
            '<!--input main s-->'+
            '<div class="main_card">'+
            '<div class="main_card_header">'+
            '彩虹卡'+
            '</div>'+
            '<!--main_card_user s-->'+
            '<div class="main_card_user">'+
            '<img src="../img/bg_all.png" class="user_img">'+
            '<div class="wrapper_user_mess">'+
//                        '<div class="start_wrapper">'+
//                        '<img src="./img/start_fs_show.png" alt="" class="start_s"><!--'+
//                        '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//                        '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//                        '--><img src="./img/start_fs.png" alt="" class="start_s"><!--'+
//                        '--><img src="./img/start_fs.png" alt="" class="start_s">'+
//                        '</div>'+
            '<div class="user_id">'+
            'ID:'+obj.ident+
            '</div>'+
            '</div>'+
            '</div>'+
            '<div class="add_voice_wrapper">'+
            '<div class="add_voice">'+
            '添加语音'+
            '</div>'+
            '<img src="./img/music_player_icon.png" class="img_voice">'+
            '</div>'+
            '<div class="get_integral">'+
            '<div class="get_integral_l">'+
            '</div>'+
            '<div class="get_integral_r">'+
            '<div class="get_integral_r_top">'+
            '10000'+
            '</div>'+
            '<div class="get_integral_r_bottom">'+
            '<div class="get_integral_r_bottom_btn">'+
            '领取积分'+
            '</div>'+
            '</div>'+
            '</div>'+
            '</div>'+
            '<div class="get_integral">'+
            '<div class="get_integral_l">'+

            '</div>'+
            '<div class="get_integral_r">'+
            '<div class="get_integral_r_top">'+
            '10000'+
            '</div>'+
            '<div class="get_integral_r_bottom">'+
            '<div class="get_integral_r_bottom_btn">'+
            '领取积分'+
            '</div>'+
            '</div>'+
            '</div>'+
            '</div>'+
            '<div class="bottom_btn">'+
            '<div class="bottom_btn_s">'+
            '选择信封'+
            '</div>'+
            '<div class="bottom_btn_s">'+
            '发送'+
            '</div>'+
            '</div>'+
            '</div>'+
            '</div>';

        return temp;

    }

//        ident:ident,
//        image:image,
//        cardImage:cardImage,
//        cardVoice:e.data[x].cardVoice,
//        sex:e.data[x].sex,
//        constellation:e.data[x].constellation,
//        adress:e.data[x].adress,
//        school_name:e.data[x].school.schoolName
    //随缘卡
    function sy_card(obj){
        var temp =
                  '<div class="swiper-slide">'+
                  '<div class="main_card">'+
                  '<div class="main_card_header">'+
                    '随缘卡'+
                  '</div>'+
                  '<div class="main_card_user">'+
                  '<img src="'+obj.image+'" class="user_img">'+
                  '<div class="wrapper_user_mess" id="start_wrapper_sign">'+
                  '<div class="start_wrapper">'+
                    '<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="1"><!--'+
                '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="2"><!--'+
               '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="3"><!--'+
               '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="4"><!--'+
                '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="5">'+
            '</div>'+
            '<div class="user_id">'+
            'ID:<span id="ident">'+obj.ident+'</span>'+
            '</div>'+
            '</div>'+
            '</div>'+
            '<div class="add_voice_wrapper">'+
            '<div class="add_voice" id="add_voice_id" data-voice="'+ obj.cardVoice +'">'+
            '播放语音'+
            '</div>'+
            '<img src="./img/music_player_icon.png" class="img_voice">'+
            '</div>'+
            '<div class="add_img">'+
            '<!--<div class="add_img_text">添加图片</div>-->'+
            '<img src=" '+obj.cardImage+'" style="display: block;width:100%;height: 100%;" id="show_img">'+
            '</div>'+
            '<!--add img e-->'+
            '<div class="add_mess_table">'+
            '<div class="add_mess_table_header">'+
            obj.school_name +
            '</div>'+
            '<div class="add_mess_mid">'+
            '<div class="ad_mess_mid_box" style="display: block;" placeholder=" 笔名" id="penname"></div>'+
            '<div class="ad_mess_mid_box" placeholder="性别" style="text-align: center" id="sex">'+
            '<!--<option value ="volvo" selected>男</option>-->'+
             '<!--<option value ="saab">女</option>-->'+
                obj.sex+
            '</div>'+
            '<div class="ad_mess_mid_box" placeholder="星座" style="text-align: center" id="xinz">'+
                obj.constellation +
            '</div>'+
            '</div>'+
            '<div style="display: block;width: 99%;padding:0;margin: 0;border:0;resize: none;height: 16vw;border-radius:2vw;outline:none;" id="address_aaa"></div>'+
            '</div>'+
            '<!--bottom-->'+
            '<div class="bottom_btn">'+
            '<div class="toushu">'+
            '投诉'+
            '</div>'+
            '<div class="bottom_btn_s" id="bottom_btn_s_f">'+
            '隐藏'+
            '</div>'+
            '<div class="bottom_btn_s" id="send_mess">'+
            '分享'+
            '</div>'+
            '</div>'+
            '</div>'+
            '</div>'

        return temp;
    }

    //富利卡
    function fuli_card(data){
        console.log("full_card")
        console.log("data")
        console.log(data)
        var fuli_temp =
                        '<div class="swiper-slide">'+
                        '<div class="main_card">'+
                        '<div class="main_card_header">'+
                        '福利卡'+
                        '</div>'+
                        '<!--main_card_user s-->'+
                        '<div class="main_card_user">'+
                        '<img src="../img/bg_all.png" class="user_img">'+
                        '<div class="wrapper_user_mess" id="start_wrapper_sign">'+
                        '<div class="start_wrapper">'+
                        '<img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="1"><!--'+
                        '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="2"><!--'+
                        '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="3"><!--'+
                        '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="4"><!--'+
                        '--><img src="./img/start_fs.png" alt="" class="start_s" data-flag="false" data-num="5">'+
                        '</div>'+
                        '<div class="user_id">'+
                        'ID:<span id="ident">'+data.card.id+'</span>'+
                        '</div>'+
                        '</div>'+
                        '</div>'+
                        '<div class="add_voice_wrapper">'+
                        '<div class="add_voice" id="add_voice_id">'+
                        '添加语音'+
                        '</div>'+
                        '<img src="./img/music_player_icon.png" class="img_voice">'+
                        '</div>'+
                        '<div class="get_integral" style="margin: 5vw auto;">'+
                        '<div class="get_integral_l">'+
                        '</div>'+
                        '<div class="get_integral_r">'+
                        '<div class="get_integral_r_top">'+
                        data.card.allScore+
                        '</div>'+
                        '<div class="get_integral_r_bottom">'+
                        '<div class="get_integral_r_bottom_btn">'+
                            '领取积分'+
                        '</div>'+
                        '</div>'+
                        '</div>'+
                        '</div>'+
                        '<div class="add_mess_table">'+
                        '<div class="add_mess_table_header">'+
                         data.card.business.address+
                        '</div>'+
                        '<div class="add_mess_mid">'+
                        '<div class="ad_mess_mid_box" style="display: block;" placeholder=" 笔名" id="penname"></div>'+
                        '<div class="ad_mess_mid_box" placeholder="性别" style="text-align: center" id="sex">'+
                        '<!--<option value ="volvo" selected>男</option>-->'+
                        '<!--<option value ="saab">女</option>-->'+
                        '</div>'+
                        '<div class="ad_mess_mid_box" placeholder="星座" style="text-align: center" id="xinz">'+
                        '</div>'+
                        '</div>'+
                        '<div style="display: block;width: 99%;padding:0;margin: 0;border:0;resize: none;height: 16vw;border-radius:2vw;outline:none;" id="address_aaa"></div>'+
                        '</div>'+
                        '<!--bottom-->'+
                        '<div class="bottom_btn">'+
                        '<div class="toushu">'+
                        '投诉'+
                        '</div>'+
                        '<div class="bottom_btn_s" id="bottom_btn_s_f">'+
                        '隐藏'+
                        '</div>'+
                        '<div class="bottom_btn_s" id="send_mess">'+
                        '分享'+
                        '</div>'+
                        '</div>'+
                        '</div>'+
                        '</div>'

        return fuli_temp;
    }
</script>
</html>